上回我們有提到雞蛋糕烤盤的例子來稍微解釋函式建構式,現在我們直接開 JS BIN 來寫看看:
function Pokemo(name, skill){
this name = name;
}
這裡的 this 指得是 Pokemo 的 function,我在 function 裡面設定了 name的屬性。
function Pokemo(name, skill){
this.name = name;
this.skill= skill;
}
我們可以稱以上為 函式建構式,做完這之後,我們就可以把這個東西想成烤盤。
接著我們就來寫
var Pikachu = new Pokemo('皮卡丘','十萬伏特')
如果我們用console.log(Pikachu,skill);
最後就會印出如下:
那烤盤的概念就是如果我再丟一個東西進去烤盤,就會生成新的東西,第一個 function 其實就是烤盤概念,我丟皮卡丘進去,也就是 new 一個皮卡丘出來,想知道他的 skill,所以 console.log 就會印出十萬伏特。
那如果我在 new 一個傑尼龜進去這個烤盤:
var Pikachu = new Pokemo('皮卡丘','十萬伏特')
var turtle = new Pokemo('傑尼龜,水槍')
我們只要 console.log(turtle,skill) 就會印出 水槍!